<!--
 * @Author: 鱿鱼溪学院
 * @Date: 2025-10-26 09:44:31
 * @LastEditTime: 2025-11-07 00:00:39
 * @LastEditors: 鱿鱼溪学院
 * @Description: 
 * @FilePath: \vue-cool\src\App.vue
 * Copyright 鱿鱼溪学院 by edu v1.0
 * 天道酬勤
-->

<template>
  <Header />
  <main class="main">
    <Logo />
    <MainNav />
    <MainContent />
  </main>
</template>

<script setup lang="ts">
// 导入所有组件
import Header from './components/Header.vue';
import Logo from './components/Logo.vue';
import MainNav from './components/MainNav.vue';
import MainContent from './components/MainContent.vue';
// 导入阿里字体图标库
import "//at.alicdn.com/t/c/font_5035359_rldjyf76wa.js";
</script>

<style scoped>
.main {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>
